﻿<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-itunes-app" content="app-id=591578609">
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="德瑞姆网校" />
<meta name="keywords" content="德瑞姆网校、心理学、考试"/>
<link href="../images/favicon.ico" type="image/x-icon" rel="shortcut icon"/>
<link rel="stylesheet" type="text/css" href="../style/my_plat.css">
<script type="text/javascript" src="../js/study.js"></script>
<title>德瑞姆家园个人空间</title>
<style type="text/css">
a {
	color:#222;
	text-decoration:none;
}
ul li {
	list-style-position:inside;
	list-style-type:disc;
	margin:0;
	padding:0;
}
ol li {
	list-style-position:inside;
}
</style>
</head>

<body style="align:center; padding:0;margin:0;clear:both; background-color:FEFEFE;">

<!--顶部导航-->

<div class="user_top">
	<div class="user_top01">
		<div class="user_top0201">德瑞姆学习平台</div>
		<div class="user_top02"> <a href="../../ori_page/index.htm">
			<div class="user_top0200"> 回首页 </div>
			</a> <a href="my_per.htm">
			<div class="user_top0200"> 个人空间 </div>
			</a> <a href="../../home/home/drm_user_pert.htm">
			<div class="user_top0200">个人中心</div>
			</a> </div>
		<div class="user_top02" style="float:right;width:auto;min-width:300px;"> 
		<a href="agency_infor.htm">
			<div class="user_top0220">
				<div style="position:relative;float:left;width:90px;"><img src="../images/shopping.png"/> 购物车</div>
				<div class="user_top02201" style="position:relative;float:left;">0 </div>
			</div>
			</a>
			<a href="my_order.htm">
			<div class="user_top0220 or_detail">订单详情 </div>
			</a>
			<a href="agency_infor.htm">
			<div class="user_top0220" style="width:60px;"> 客户端 </div>
			</a>  </div>
	</div>
</div>

<!--end顶部导航-->

<div style="width:100%;height:30px;margin:0 auto;"></div>
<div class="agen_body" style="min-height:630px;">
	<div class="agen_left" style="height:auto">
		<div class="agen_left_top">
			<div class="agen_left_top01">
				<div class="agen_left_top0101"><span> <img src="../images/tx01.jpg"/> </span></div>
				<div class="agen_left_top0102"> Yang </div>
			</div>
			<div class="agen_left_top02">
				<div class="agen_left_top0201">
					<p><span style="font-weight:bold;">学习币：</span>30000</p>
					<P><span style="font-weight:bold;">学&nbsp;&nbsp;&nbsp;分：</span>1000</P>
					<P><span style="font-weight:bold;">积&nbsp;&nbsp; 分：</span>1000</P>
				</div>
			</div>
			<div class="agen_left_top03" style="text-align:right;font-size:14px;line-height:20px;height:30px;"> <a href="#">
				<div style="position:relative;float:left;left:75%;width:10px;height:20px;padding-top:2px;"><img src="../images/tc.png"/> </div>
				退出</a> </div>
		</div>
		
		<!--左侧导航-->
		<div class="agen_left_nav"> <a href="my_notice.htm">
			<div class="agen_left_nav01"> 公&nbsp;&nbsp;&nbsp;&nbsp;告 </div>
			</a> <a href="my_course.htm">
			<div class="agen_left_nav01"> 我的课程 </div>
			</a> <a href="my_exam.htm">
			<div class="agen_left_nav01"> 我的测评 </div>
			</a> <a href="my_note.htm">
			<div class="agen_left_nav02"> 学习笔记 </div>
			</a> <a href="my_question.htm">
			<div class="agen_left_nav01"> 我的提问 </div>
			</a> <a  href="my_plan.htm">
			<div class="agen_left_nav01"> 职业规划 </div>
			</a> <a href="my_case.htm">
			<div class="agen_left_nav01"> 我的案例 </div>
			</a> <a href="my_class.htm">
			<div class="agen_left_nav01"> 我的班级 </div>
			</a> </div>
		<!--end左侧导航--> 
		
	</div>
	<!--学习笔记-->
	<div class="not_right" >
		<div class="not_righttitle">
			<div class="not_righttitle01"> 学习笔记</div>
			<div class="not_righttb">
				<div class="exam_title"> <a href="my_note.htm">
					<div class="exam_title01"> 我的笔记 </div>
					</a> <a href="my_noteall.htm">
					<div class="exam_title02"> 全部笔记 </div>
					</a> <a href="#" onClick="addnote()">
					<div class="exam_title02" style="float:right;">
						<div class="add_img"><img src="../images/add0.png"/> </div>
						新增笔记 </div>
					</a> </div>
				<div class="exam_select">
				
			<div class="selectBox">
	<a href="javascript:void(0);" id="aa">所属课程（不限）</a><p>
    	<a href="javascript:void(0)" class="current" value="">所属课程（不限）</a>
    	<a href="javascript:void(0)" value="">社会心理学</a>
        <a href="javascript:void(0)" value="">测量心理学</a>
        <a href="javascript:void(0)" value="">变态心理学</a>
        <a href="javascript:void(0)" value="">危机干预与哀伤辅导</a>
    </p>
</div>
					<a href="#">
					<div class="exam_selectbutt"> 查&nbsp;&nbsp;询 </div>
					</a> </div>
				<div class="exam_content">
					<div class="quest_listimg"> <img src="../images/kczx_son/user02.jpg"> </div>
					<div class="exam_contlist">
						<div class="note_contlistl" id="share0001">
							<div class="exam_contlistl01" ><a href="my_course_list.htm" style="position:relative;float:left;">基础心理学课时01（课程名称）</a> <span style="display:block;postion:relative;float:left; margin-left:10px;" id="share01"><img src="../images/share1.png"/></span></div>
							<div class="note_contlistl01">讲得很好 </div>
							<div class="exam_contlistl02">所属课程： <a href="my_course_list.htm" style="color:#0A8CD2">理论知识点复习</a> 发表于:2014-10-10 11:11 <a href="#" onClick="delnote(this)" style="margin-left:10px; color:#0A8CD2;">删除</a> <a id="share001" href="#" style="margin-left:10px; color:#0A8CD2;" onClick="dels()">取消分享</a> </div>
						</div>
						<div class="quest_contlistr">
							<div class="quest_contlistr01">
								<div class="quest_contlistr02"> 1 </div>
								赞 </div>
						</div>
					</div>
				</div>
				<div class="exam_content">
					<div class="quest_listimg"> <img src="../images/kczx_son/user02.jpg"> </div>
					<div class="exam_contlist">
						<div class="note_contlistl"> <a href="my_course_list.htm">
							<div class="exam_contlistl01">基础心理学课时01（课程名称）</div>
							</a> <a href="#">
							<div class="note_contlistl01">讲得很好 </div>
							</a>
							<div class="exam_contlistl02">所属课程： <a href="my_course_list.htm" style="color:#0A8CD2">理论知识点复习</a> 发表于:2014-10-10 11:11 <a href="#" onClick="delnote(this)"><span style="margin-left:10px; color:#0A8CD2;"> 删除 </span></a> <a href="#"><span style="margin-left:10px; color:#0A8CD2;"> 分享 </span> </a> </div>
						</div>
						<div class="quest_contlistr">
							<div class="quest_contlistr01">
								<div class="quest_contlistr02"> 1 </div>
								赞 </div>
						</div>
					</div>
				</div>
				<div class="exam_content">
					<div class="quest_listimg"> <img src="../images/kczx_son/user02.jpg"> </div>
					<div class="exam_contlist">
						<div class="note_contlistl"> <a href="my_course_list.htm">
							<div class="exam_contlistl01">基础心理学课时01（课程名称）<span style="margin-left:10px;"><img src="../images/share1.png"/></span></div>
							</a> <a href="#">
							<div class="note_contlistl01">讲得很好 </div>
							</a>
							<div class="exam_contlistl02">所属课程： <a href="my_course_list.htm" style="color:#0A8CD2">理论知识点复习</a> 发表于:2014-10-10 11:11 <a href="#" onClick="delnote(this)"><span style="margin-left:10px; color:#0A8CD2;"> 删除 </span></a> <a href="#"><span style="margin-left:10px; color:#0A8CD2;"> 取消分享 </span> </a> </div>
						</div>
						<div class="quest_contlistr">
							<div class="quest_contlistr01">
								<div class="quest_contlistr02"> 1 </div>
								赞 </div>
						</div>
					</div>
				</div>
				<div class="exam_content">
					<div class="quest_listimg"> <img src="../images/kczx_son/user02.jpg"> </div>
					<div class="exam_contlist">
						<div class="note_contlistl"> <a href="my_course_list.htm">
							<div class="exam_contlistl01">基础心理学课时01（课程名称）<span style="margin-left:10px;"><img src="../images/share1.png"/></span></div>
							</a> <a href="#">
							<div class="note_contlistl01">讲得很好 </div>
							</a>
							<div class="exam_contlistl02">所属课程： <a href="my_course_list.htm" style="color:#0A8CD2">理论知识点复习</a> 发表于:2014-10-10 11:11 <a href="#" onClick="delnote(this)"><span style="margin-left:10px; color:#0A8CD2;"> 删除 </span></a> <a href="#"><span style="margin-left:10px; color:#0A8CD2;"> 取消分享 </span> </a></div>
						</div>
						<div class="quest_contlistr">
							<div class="quest_contlistr01">
								<div class="quest_contlistr02"> 1 </div>
								赞 </div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--end学习笔记--> 
	
</div>
</div>
<div class="redivb02 retext09" style="margin-top:20px;">京ICP备15004773号 &nbsp;&nbsp; &nbsp; &nbsp;  Copyright © 2015  &nbsp; &nbsp; &nbsp; &nbsp;   北京德瑞姆企业管理咨询有限公司 &nbsp; &nbsp; &nbsp; &nbsp; <span class=" retext10">www.520xinli.com </span> </div>

<!--新增笔记-->
<div class="add_note" id="addnote">
	<div class="add_notetop">
		<div class="add_notetop01"> </div>
		新增笔记 <a href="#" onClick="note()">
		<div class="add_notecolse"> <img src="../images/close.png"/> </div>
		</a> </div>
	<div class="add_notetitle">
		<div style="position:relative;float:left;width:75px;height:28px;"> 选择分类 </div>
		<div class="selectBox"> <a href="javascript:void(0);" id="aa">所属课程（不限）</a>
			<p> <a href="javascript:void(0)" class="current" value="所属课程">所属课程（不限）</a> <a href="javascript:void(0)" value="社会心理学">社会心理学</a> <a href="javascript:void(0)" value="">测量心理学</a> <a href="javascript:void(0)" value="变态心理学">变态心理学</a> <a href="javascript:void(0)" value="危机干预与哀伤辅导">危机干预与哀伤辅导</a> </p>
		</div>
	</div>
	<div class="add_notetitle"> 笔记标题：
		<input type="text" style="width:500px;outline:none;">
	</div>
	<div class="add_notecontent"> 笔记内容：
		<textarea style="width:500px;height:150px;outline:none;">

</textarea>
	</div>
	<div class="add_notebottom">
		<input type="checkbox" id="share">
		<label for="share">分享笔记(对其它学友可见）</label>
	</div>
	<div class="add_notebutton">
		<input class="add_notebutton01" type="submit" value="提交笔记" style="border:none;outline:none;">
		<a href="#" class="add_notebutton02" style="margin-left:20px;" onClick="note()"> 取消 </a> </div>
</div>
</div>
<!--end新增笔记-->

<script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var newSelect = $("#aa");
	newSelect.click(function(e){
		if(this.className == "open"){
			closeSelect(this);
		}else{
			this.className = "open";
			$(this.nextSibling).slideDown("fast");
		}
		e.stopPropagation();
	});
	
	function closeSelect(obj){
		$(obj.nextSibling).slideUp("fast",function(){
			obj.className = "";
		});
	}
	$(document).bind("click", function() {
	  	closeSelect(newSelect[0]);
	});

	newSelect.next().click(function(e){
		var src = e.target;
		if(src.tagName == "A"){
			var PObj = src.parentNode;
			PObj.previousSibling.innerHTML = src.innerHTML;
			/*var aList = PObj.getElementsByTagName("a");
			for(var i=0;i<aList.length;i++){
				aList[i].className = "";
			}*/
			$(src).siblings().removeClass();
			src.className = "current";
			PObj.nextSibling.value = src.getAttribute("value");
		}
	});
});
</script>


</body>
</html>